<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="assets/images/favicon.png" type="image/png">
    <title>Genzik</title>
    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="assets/css/slick.css">
    <link rel="stylesheet" type="text/css" href="assets/css/select2.min.css">
    <link rel="stylesheet" type="text/css" href="assets/css/all.min.css">
    <link rel="stylesheet" type="text/css" href="assets/css/fancybox.css">
    <link rel="stylesheet" type="text/css" href="assets/css/aos.css">
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">
    <link rel="stylesheet" type="text/css" href="assets/css/customefont.css">
    <link rel="stylesheet" type="text/css" href="assets/css/responsive.css">
</head>

<body>

    <!-- Preloader -->
    <div id="preloader">
        <div id="ctn-preloader" class="ctn-preloader">
            <div class="animation-preloader">
                <div class="spinner"></div>
                <div class="txt-loading">
                    <span data-text-preloader="L" class="letters-loading">
                        L
                    </span>
                    <span data-text-preloader="O" class="letters-loading">
                        O
                    </span>
                    <span data-text-preloader="A" class="letters-loading">
                        A
                    </span>
                    <span data-text-preloader="D" class="letters-loading">
                        D
                    </span>
                    <span data-text-preloader="I" class="letters-loading">
                        I
                    </span>
                    <span data-text-preloader="N" class="letters-loading">
                        N
                    </span>
                    <span data-text-preloader="G" class="letters-loading">
                        G
                    </span>
                </div>
            </div>
            <div class="loader-section section-left"></div>
            <div class="loader-section section-right"></div>
        </div>
    </div>
    <header class="position-relative style-one">
        <div class="topbar-wrapper style-one">
            <div class="container">
                <div class="topbar-inner-wrapper d-flex align-items-center">
                    <div class="topbar-item position-relative">
                        <div class="topbar-inner-item d-flex align-items-center">
                            <div class="item-icon">
                                <i class="icon-free-delivery"></i>
                            </div>
                            <div class="item-content">
                                <span>FREE shipping 
                                    <bdi> on US$39.00+</bdi>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="topbar-item position-relative">
                        <div class="topbar-inner-item d-flex align-items-center">
                            <div class="item-icon">
                                <i class="icon-return"></i>
                            </div>
                            <div class="item-content">
                                <span>Free Returns 
                                    <bdi>in 10 days</bdi>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="topbar-item position-relative">
                        <div class="topbar-inner-item d-flex align-items-center">
                            <div class="item-icon">
                                <i class="icon-phone-4"></i>
                            </div>
                            <div class="item-content">
                                <span>+34640225587</span>
                            </div>
                        </div>
                    </div>
                    <div class="currency-dropdown position-relative">
                        <select class="currency-selection" name="state">
                            <option value="USD">SUSD</option>
                            <option value="PKR">PKR</option>
                        </select>
                    </div>
                    <div class="header-action-items">
                        <ul class="d-flex align-items-center">
                            <li class="login position-relative">
                                <a href="login.html">
                                    <i class="icon-icon-login"></i>
                                </a>
                            </li>
                            <li class="wishlist position-relative">
                                <a href="wishlist.html">
                                    <i class="icon-like"></i>
                                </a>
                            </li>
                            <li class="search">
                                <a href="#" data-bs-toggle="modal" data-bs-target="#searchpopup">
                                    <i class="icon-search"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="topbar-item d-flex align-items-center">
                        <div class="item-content">
                            <span>Follow Us:</span>
                        </div>
                        <div class="social-icons">
                            <ul class="d-flex align-items-center">
                                <li>
                                    <a href="https://www.facebook.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                        <i class="fa-brands fa-facebook"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.twitter.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                        <i class="fa-brands fa-twitter"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://pk.linkedin.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                        <i class="fa-brands fa-linkedin"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="header-mid-wrapper style-one">
            <div class="container">
                <div class="header-mid-inner d-flex align-items-center justify-content-between">
                    <div class="header-currency-search d-flex align-items-center">
                        <div class="currency-dropdown position-relative">
                            <select class="currency-selection" name="state">
                                <option value="USD">SUSD</option>
                                <option value="PKR">PKR</option>
                            </select>
                        </div>
                        <div class="search-menu">
                            <a href="#" data-bs-toggle="modal" data-bs-target="#searchpopup" class="text-uppercase d-flex align-items-center">
                                <i class="icon-search"></i>Search
                            </a>
                        </div>
                    </div>

                    <div class="logo-wrapper logo">
                        <h1>
                            <a href="#" class="d-flex align-items-center">
                                <img src="assets/images/logo.png" alt="logo">Genzik
                            </a>
                        </h1>
                    </div>

                    <div class="header-action-items">
                        <ul class="d-flex align-items-center">
                            <li class="login position-relative">
                                <a href="login.html">
                                    <i class="icon-icon-login"></i>
                                </a>
                            </li>
                            <li class="wishlist">
                                <a href="wishlist.html">
                                    <i class="icon-like"></i>
                                </a>
                            </li>
                            <li class="cart">
                                <a href="#" class="d-flex align-items-center" data-bs-toggle="offcanvas" data-bs-target="#cart-popup" aria-controls="cart-popup">
                                    <span class="d-inline-flex align-items-center justify-content-center position-relative">
                                        <i class="icon-basket"></i>
                                        <sup class="cart-nmbr d-inline-flex align-items-center justify-content-center position-absolute">1</sup>
                                    </span>
                                    <span>$14.00 (1 item)</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="header-bottom-wrapper">
            <div class="container">
                <div class="header-bottom-inner d-flex align-items-center justify-content-between">
                    <div class="menu_bar">
                        <a href="#" class="mobile-menu-icon">
                            <div></div>
                            <div></div>
                            <div></div>
                        </a>
                    </div>
                    <div class="logo-wrapper logo">
                        <h1>
                            <a href="#" class="d-flex align-items-center">
                                <img src="assets/images/logo.png" alt="logo">Genzik
                            </a>
                        </h1>
                    </div>
                    <div class="header-action-items">
                        <ul class="d-flex align-items-center">
                            <li class="cart">
                                <a href="#" class="d-flex align-items-center" data-bs-toggle="offcanvas" data-bs-target="#cart-popup" aria-controls="cart-popup">
                                    <span class="d-inline-flex align-items-center justify-content-center position-relative">
                                        <i class="icon-basket"></i>
                                        <sup class="cart-nmbr d-inline-flex align-items-center justify-content-center position-absolute">1</sup>
                                    </span>
                                    <span>$14.00 (1 item)</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="navigation-wrapper d-flex justify-content-between">
                    <div class="side-navigation">
                        <a href="#" class="cross-btn d-inline-flex align-items-center justify-content-center position-absolute">
                            <i class="fa-solid fa-xmark"></i>
                        </a>
                        <div class="logo text-center">
                            <h1>
                                <a href="#">
                                    <img src="assets/images/logo.png" alt="logo">
                                    Genzik
                                </a>
                            </h1>
                        </div>
                        <!--end-logo-->
                    </div>
                    <nav class="menu" id="nav-menu">
                        <ul class="menu-main">
                            <li class="menu-item current-menu-item menu-item-has-children position-relative">
                                <a href="javascript:void(0)" class="position-relative">Home </a>
                                <ul class="sub-menu position-absolute">
                                    <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                        <a href="index.html" class="nav-link">Home One</a>
                                    </li>
                                    <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                        <a href="index2.html" class="nav-link">Home Two</a>
                                    </li>
                                    <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                        <a href="index3.html" class="nav-link">Home Three</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item menu-item-has-children megamenu-dropdown">
                                <a href="javascript:void(0)" class="position-relative">Clothes</a>
                                <div class="megamenu-wrapper">
                                    <div class="container">
                                        <div class="megamenu-inner">
                                            <div class="row">
                                                <div class="col">
                                                    <div class="megamenu-item">
                                                        <div class="megamenu-heading">
                                                            <h3>Everything</h3>
                                                        </div>
                                                        <ul class="menu-list d-inline-block">
                                                            <li>
                                                                <a href="#">Activewear</a>
                                                            </li>
                                                            <li>
                                                                <a href="#">Intimates &amp; Loungewear</a>
                                                            </li>
                                                            <li>
                                                                <a href="#">Jumpsuits &amp; Rompers</a>
                                                            </li>
                                                            <li>
                                                                <a href="#">Matching Sets</a>
                                                            </li>
                                                            <li>
                                                                <a href="#">Swimwear</a>
                                                            </li>
                                                            <li>
                                                                <a href="#">Unisex</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="col">
                                                    <div class="megamenu-item">
                                                        <div class="megamenu-heading">
                                                            <h3>What’s Hot</h3>
                                                        </div>
                                                        <ul class="menu-list d-inline-block">
                                                            <li>
                                                                <a href="#">Tops</a>
                                                            </li>
                                                            <li>
                                                                <a href="#">Blouses &amp; Shirts</a>
                                                            </li>
                                                            <li>
                                                                <a href="#">Tank Tops &amp; Camis</a>
                                                            </li>
                                                            <li>
                                                                <a href="#">Sweatshirt &amp; Hoodies</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="col">
                                                    <div class="megamenu-item">
                                                        <div class="megamenu-heading">
                                                            <h3>Featured Shop</h3>
                                                        </div>
                                                        <ul class="menu-list d-inline-block">
                                                            <li>
                                                                <a href="#">Denim Dresses</a>
                                                            </li>
                                                            <li>
                                                                <a href="#">Denim Jackets</a>
                                                            </li>
                                                            <li>
                                                                <a href="#">Denim Jumpsuits</a>
                                                            </li>
                                                            <li>
                                                                <a href="#">Denim Shorts &amp; Skirts</a>
                                                            </li>
                                                            <li>
                                                                <a href="#">Denim Tops</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="col-4">
                                                    <div class="sale-box text-center position-relative">
                                                        <h4 class="text-uppercase">40% off Your Purchase</h4>
                                                        <a href="product-list2.html" class="sale-box-link text-uppercase">Show Now</a>
                                                        <div class="sale-border position-absolute"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            
                            <li class="menu-item">
                                <a href="#" class="position-relative">Tops</a>
                            </li>
                            <li class="menu-item">
                                <a href="#" class="position-relative">Bottoms</a>
                            </li>
                            <li class="menu-item menu-item-has-children megamenu-dropdown v2">
                                <a href="#" class="position-relative">Outerwear</a>
                                <div class="megamenu-wrapper">
                                    <div class="container">
                                        <div class="megamenu-inner">
                                            <div class="row">
                                                <div class="col">
                                                    <div class="megamenu-item">
                                                        <div class="megamenu-heading">
                                                            <h3>JEWELRY</h3>
                                                        </div>
                                                        <ul class="menu-list d-inline-block">
                                                            <li>
                                                                <a href="#">All Jewelry</a>
                                                            </li>
                                                            <li>
                                                                <a href="#">New Jewelry</a>
                                                            </li>
                                                            <li>
                                                                <a href="#">Necklaces</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <div class="megamenu-item">
                                                        <div class="megamenu-heading">
                                                            <h3>BAGS</h3>
                                                        </div>
                                                        <ul class="menu-list d-inline-block">
                                                            <li>
                                                                <a href="#">Crossbody Bags</a>
                                                            </li>
                                                            <li>
                                                                <a href="#">Totes</a>
                                                            </li>
                                                            <li>
                                                                <a href="#">Shoulder Bags</a>
                                                            </li>
                                                            <li>
                                                                <a href="#">Bucket Bags</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="col">
                                                    <div class="megamenu-item">
                                                        <div class="megamenu-heading">
                                                            <h3>SPOTLIGHT ON</h3>
                                                        </div>
                                                        <ul class="menu-list d-inline-block">
                                                            <li>
                                                                <a href="#">The Essential Collection</a>
                                                            </li>
                                                            <li>
                                                                <a href="#">Metallic Moments</a>
                                                            </li>
                                                            <li>
                                                                <a href="#">Statement Earrings</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <div class="megamenu-item">
                                                        <div class="megamenu-heading">
                                                            <h3>Gifts</h3>
                                                        </div>
                                                        <ul class="menu-list d-inline-block">
                                                            <li>
                                                                <a href="#">Rhode Resort</a>
                                                            </li>
                                                            <li>
                                                                <a href="#">Sabina Musayev</a>
                                                            </li>
                                                            <li>
                                                                <a href="#">Winden</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="col">
                                                    <div class="trending-items">
                                                        <div class="megamenu-heading">
                                                            <h3>Trending</h3>
                                                        </div>
                                                        <div class="product-box product-style-one">
                                                            <div class="product-image position-relative overflow-hidden">
                                                                <a href="#">
                                                                    <img src="assets/images/resources/product-img1-10.jpg" alt="Product">
                                                                </a>

                                                                <div class="swatches variable-product-sizes position-absolute d-flex align-items-center justify-content-center">
                                                                    <span class="swatch-label" title="S" data-term="Small">
                                                                        <a href="#" class="d-flex align-items-center justify-content-center">S</a>
                                                                    </span>
                                                                    <span class="swatch-label" title="M" data-term="Medium">
                                                                        <a href="#" class="d-flex align-items-center justify-content-center">M</a>
                                                                    </span>
                                                                    <span class="swatch-label" title="XL" data-term="Extra Large">
                                                                        <a href="#" class="d-flex align-items-center justify-content-center">XL</a>
                                                                    </span>
                                                                    <span class="swatch-label" title="XXL" data-term="Extra Extra Large">
                                                                        <a href="#" class="d-flex align-items-center justify-content-center">XXL</a>
                                                                    </span>
                                                                </div>
                                                                <a href="cart.html" class="product-cart add_to_cart_button position-absolute text-center theme-btn">
                                                                    <i class="icon-basket"></i>
                                                                </a>
                                                            </div>
                                                            <div class="product-content">
                                                                <h2 class="product-title">
                                                                    <a href="product-detail2.html">Plain Knitted Midi Skirt</a>
                                                                </h2>
                                                                <div class="variable-product-color">
                                                                    <a href="javascript:void(0);" class="switch-color enabled d-inline-flex align-items-center justify-content-between position-relative">#dd383c</a>
                                                                    <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#ff9662</a>

                                                                    <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#96ba37</a>

                                                                    <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#c962ff</a>
                                                                </div>
                                                                <div class="product-price-wrapper d-flex align-items-center justify-content-between">
                                                                    <div class="product-price">
                                                                        <span class="price">
                                                                            <ins>
                                                                                <span class="amount">
                                                                                    <bdi><span>$</span>140</bdi>
                                                                                </span>
                                                                            </ins>
                                                                            <del>
                                                                                <span class="amount">
                                                                                    <bdi><span>$</span>160</bdi>
                                                                                </span>
                                                                            </del>
                                                                        </span>
                                                                    </div>
                                                                    <div class="star-rating d-flex align-items-center overflow-hidden">
                                                                        <span>
                                                                            <svg viewBox="0 0 24 24" width="18" height="18">
                                                                                <path d="M21.984 9.234l-7.172-0.609-2.813-6.609-2.813 6.609-7.172 0.609 5.438 4.734-1.641 7.031 6.188-3.75 6.188 3.75-1.641-7.031zM12 15.422l-3.75 2.25 0.984-4.266-3.328-2.906 4.406-0.375 1.688-4.031 1.688 4.031 4.406 0.375-3.328 2.906 0.984 4.266z"></path>
                                                                            </svg>
                                                                        </span>
                                                                        <span class="count">12</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-4">
                                                    <div class="megamenu-heading">
                                                        <h3>Trending</h3>
                                                    </div>
                                                    <div class="discount-box d-flex align-items-center justify-content-end flex-wrap">
                                                        <div class="discount-image position-relative overflow-hidden">
                                                            <a href="#">
                                                                <img src="assets/images/resources/product-img1-33.jpg" alt="discount-image">
                                                            </a>
                                                            <div class="discount-percent position-absolute">-30%</div>
                                                        </div>
                                                        <div class="discount-image position-relative overflow-hidden">
                                                            <a href="#">
                                                                <img src="assets/images/resources/product-img1-34.jpg" alt="discount-image">
                                                            </a>
                                                            <div class="discount-percent position-absolute">-30%</div>
                                                        </div>
                                                        <div class="discount-image position-relative overflow-hidden">
                                                            <a href="#">
                                                                <img src="assets/images/resources/product-img1-35.jpg" alt="discount-image">
                                                            </a>
                                                            <div class="discount-percent position-absolute">-30%</div>
                                                        </div>
                                                        <div class="discount-image position-relative overflow-hidden">
                                                            <a href="#">
                                                                <img src="assets/images/resources/product-img1-36.jpg" alt="discount-image">
                                                            </a>
                                                            <div class="discount-percent position-absolute">-30%</div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <ul class="sub-menu v2">
                                    <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                        <a href="checkout.html" class="nav-link">Checkout</a>
                                    </li>

                                    <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                        <a href="cart.html">Cart</a>
                                    </li>
                                    <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                        <a href="wishlist.html">Wishlist</a>
                                    </li>
                                    <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                        <a href="404.html">404</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item menu-item-has-children megamenu-dropdown v2">
                                <a href="#" class="position-relative">Accessories</a>
                                <div class="megamenu-wrapper">
                                    <div class="container">
                                        <div class="megamenu-inner">
                                            <div class="row">
                                                <div class="col">
                                                    <div class="megamenu-item">
                                                        <div class="megamenu-heading">
                                                            <h3>Product Page</h3>
                                                        </div>
                                                        <ul class="menu-list d-inline-block">
                                                            <li>
                                                                <a href="product-list.html">Style 1</a>
                                                            </li>
                                                            <li>
                                                                <a href="product-list2.html">Style 2</a>
                                                            </li>
                                                            <li>
                                                                <a href="product-list3.html">Style 3</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <div class="megamenu-item">
                                                        <div class="megamenu-heading">
                                                            <h3>Shop Feature</h3>
                                                        </div>
                                                        <ul class="menu-list d-inline-block">
                                                            <li>
                                                                <a href="404.html">404</a>
                                                            </li>
                                                            <li>
                                                                <a href="checkout.html">Checkout</a>
                                                            </li>
                                                            <li>
                                                                <a href="cart.html">Cart</a>
                                                            </li>
                                                            <li>
                                                                <a href="wishlist.html">Wishlist</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="col">
                                                    <div class="megamenu-heading">
                                                        <h3>Product Detail Page</h3>
                                                    </div>
                                                    <ul class="menu-list d-inline-block">
                                                        <li>
                                                            <a href="product-detail.html">Style 1</a>
                                                        </li>
                                                        <li>
                                                            <a href="product-detail2.html">Style 2</a>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="col-6">
                                                    <div class="trending-items">
                                                        <div class="megamenu-heading">
                                                            <h3>Trending</h3>
                                                        </div>
                                                        <div class="mega-product-wrapper d-flex align-items-center">
                                                            <div class="mega-product-box">
                                                                <div class="mega-product-image overflow-hidden">
                                                                    <a href="#">
                                                                        <img src="assets/images/resources/product-img1-31.jpg" alt="product-img">
                                                                    </a>
                                                                </div>
                                                                <div class="mega-product-content">
                                                                    <h4>
                                                                        <a href="#">New fashion Style</a>
                                                                    </h4>
                                                                </div>
                                                            </div>
                                                            <div class="mega-product-box">
                                                                <div class="mega-product-image overflow-hidden">
                                                                    <a href="#">
                                                                        <img src="assets/images/resources/product-img1-32.jpg" alt="product-img">
                                                                    </a>
                                                                </div>
                                                                <div class="mega-product-content">
                                                                    <h4>
                                                                        <a href="#">12-12 Sale</a>
                                                                    </h4>
                                                                </div>
                                                            </div>
                                                            <div class="mega-product-box">
                                                                <div class="mega-product-image overflow-hidden">
                                                                    <a href="#">
                                                                        <img src="assets/images/resources/product-img1-33.jpg" alt="product-img">
                                                                    </a>
                                                                </div>
                                                                <div class="mega-product-content">
                                                                    <h4>
                                                                        <a href="#">Winter Clothes</a>
                                                                    </h4>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <ul class="sub-menu v2">
                                    <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                        <a href="product-list.html" class="nav-link">Product List</a>
                                    </li>
                                    <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                        <a href="product-list2.html" class="nav-link">Product List 2</a>
                                    </li>
                                    <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                        <a href="product-list3.html" class="nav-link">Product List 3</a>
                                    </li>
                                    <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                        <a href="product-detail.html" class="nav-link">Product Detail</a>
                                    </li>
                                    <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                        <a href="product-detail2.html" class="nav-link">Product Detail 2</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item">
                                <a href="#" class="position-relative">Winter</a>
                            </li>
                            <li class="menu-item menu-item-has-children position-relative">
                                <a href="#" class="position-relative">Pages</a>
                                <ul class="sub-menu">
                                    <li class="menu-item position-relative">
                                        <a href="blog.html" class="nav-link">Blog List</a>
                                    </li>
                                    <li class="menu-item position-relative">
                                        <a href="blogdetail.html" class="nav-link">Blog Detail</a>
                                    </li>
                                    <li class="menu-item position-relative">
                                        <a href="about.html" class="nav-link">About US</a>
                                    </li>
                                    <li class="menu-item position-relative">
                                        <a href="login.html" class="nav-link">Login/Register</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item">
                                <a href="contact.html" class="position-relative">Contact</a>
                            </li>
                        </ul>
                    </nav>
                    <div class="social-icons">
                        <ul class="d-flex align-items-center">
                            <li>
                                <a href="https://www.facebook.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                    <i class="fa-brands fa-facebook"></i>
                                </a>
                            </li>
                            <li>
                                <a href="https://www.twitter.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                    <i class="fa-brands fa-twitter"></i>
                                </a>
                            </li>
                            <li>
                                <a href="https://pk.linkedin.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                    <i class="fa-brands fa-linkedin"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="weekly_sale-wrapper">
                        <div class="sale-btn d-flex">
                            <i class="icon-flash"></i> Weekly Sale
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="header-sticky">
            <div class="container">
                <div class="header-sticky-inner d-flex align-items-center justify-content-between">
                    <div class="menu_bar">
                        <a href="#" class="mobile-menu-icon">
                            <div></div>
                            <div></div>
                            <div></div>
                        </a>
                    </div>
                    <div class="logo-wrapper logo">
                        <h1>
                            <a href="#" class="d-flex align-items-center">
                                <img src="assets/images/logo.png" alt="logo">Genzik
                            </a>
                        </h1>
                    </div>
                    <div class="navigation-wrapper d-flex justify-content-between">
                        <nav class="menu" id="nav-menu2">
                            <ul class="menu-main">
                                <li class="menu-item current-menu-item menu-item-has-children position-relative">
                                    <a href="javascript:void(0)" class="position-relative">Home </a>
                                    <ul class="sub-menu position-absolute">
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="index.html" class="nav-link">Home One</a>
                                        </li>
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="index2.html" class="nav-link">Home Two</a>
                                        </li>
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="index3.html" class="nav-link">Home Three</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-item menu-item-has-children megamenu-dropdown">
                                    <a href="javascript:void(0)" class="position-relative">Clothes</a>
                                    <div class="megamenu-wrapper">
                                        <div class="container">
                                            <div class="megamenu-inner">
                                                <div class="row">
                                                    <div class="col">
                                                        <div class="megamenu-item">
                                                            <div class="megamenu-heading">
                                                                <h3>Everything</h3>
                                                            </div>
                                                            <ul class="menu-list d-inline-block">
                                                                <li>
                                                                    <a href="#">Activewear</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Intimates &amp; Loungewear</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Jumpsuits &amp; Rompers</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Matching Sets</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Swimwear</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Unisex</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="col">
                                                        <div class="megamenu-item">
                                                            <div class="megamenu-heading">
                                                                <h3>What’s Hot</h3>
                                                            </div>
                                                            <ul class="menu-list d-inline-block">
                                                                <li>
                                                                    <a href="#">Tops</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Blouses &amp; Shirts</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Tank Tops &amp; Camis</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Sweatshirt &amp; Hoodies</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="col">
                                                        <div class="megamenu-item">
                                                            <div class="megamenu-heading">
                                                                <h3>Featured Shop</h3>
                                                            </div>
                                                            <ul class="menu-list d-inline-block">
                                                                <li>
                                                                    <a href="#">Denim Dresses</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Denim Jackets</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Denim Jumpsuits</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Denim Shorts &amp; Skirts</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Denim Tops</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="col-4">
                                                        <div class="sale-box text-center position-relative">
                                                            <h4 class="text-uppercase">40% off Your Purchase</h4>
                                                            <a href="product-list2.html" class="sale-box-link text-uppercase">Show Now</a>
                                                            <div class="sale-border position-absolute"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="menu-item menu-item-has-children megamenu-dropdown v2">
                                    <a href="#" class="position-relative">Outerwear</a>
                                    <div class="megamenu-wrapper">
                                        <div class="container">
                                            <div class="megamenu-inner">
                                                <div class="row">
                                                    <div class="col">
                                                        <div class="megamenu-item">
                                                            <div class="megamenu-heading">
                                                                <h3>JEWELRY</h3>
                                                            </div>
                                                            <ul class="menu-list d-inline-block">
                                                                <li>
                                                                    <a href="#">All Jewelry</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">New Jewelry</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Necklaces</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                        <div class="megamenu-item">
                                                            <div class="megamenu-heading">
                                                                <h3>BAGS</h3>
                                                            </div>
                                                            <ul class="menu-list d-inline-block">
                                                                <li>
                                                                    <a href="#">Crossbody Bags</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Totes</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Shoulder Bags</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Bucket Bags</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="col">
                                                        <div class="megamenu-item">
                                                            <div class="megamenu-heading">
                                                                <h3>SPOTLIGHT ON</h3>
                                                            </div>
                                                            <ul class="menu-list d-inline-block">
                                                                <li>
                                                                    <a href="#">The Essential Collection</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Metallic Moments</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Statement Earrings</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                        <div class="megamenu-item">
                                                            <div class="megamenu-heading">
                                                                <h3>Gifts</h3>
                                                            </div>
                                                            <ul class="menu-list d-inline-block">
                                                                <li>
                                                                    <a href="#">Rhode Resort</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Sabina Musayev</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Winden</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="col">
                                                        <div class="trending-items">
                                                            <div class="megamenu-heading">
                                                                <h3>Trending</h3>
                                                            </div>
                                                            <div class="product-box product-style-one">
                                                                <div class="product-image position-relative overflow-hidden">
                                                                    <a href="#">
                                                                        <img src="assets/images/resources/product-img1-10.jpg" alt="Product">
                                                                    </a>

                                                                    <div class="swatches variable-product-sizes position-absolute d-flex align-items-center justify-content-center">
                                                                        <span class="swatch-label" title="S" data-term="Small">
                                                                            <a href="#" class="d-flex align-items-center justify-content-center">S</a>
                                                                        </span>
                                                                        <span class="swatch-label" title="M" data-term="Medium">
                                                                            <a href="#" class="d-flex align-items-center justify-content-center">M</a>
                                                                        </span>
                                                                        <span class="swatch-label" title="XL" data-term="Extra Large">
                                                                            <a href="#" class="d-flex align-items-center justify-content-center">XL</a>
                                                                        </span>
                                                                        <span class="swatch-label" title="XXL" data-term="Extra Extra Large">
                                                                            <a href="#" class="d-flex align-items-center justify-content-center">XXL</a>
                                                                        </span>
                                                                    </div>
                                                                    <a href="cart.html" class="product-cart add_to_cart_button position-absolute text-center theme-btn">
                                                                        <i class="icon-basket"></i>
                                                                    </a>
                                                                </div>
                                                                <div class="product-content">
                                                                    <h2 class="product-title">
                                                                        <a href="product-detail2.html">Plain Knitted Midi Skirt</a>
                                                                    </h2>
                                                                    <div class="variable-product-color">
                                                                        <a href="javascript:void(0);" class="switch-color enabled d-inline-flex align-items-center justify-content-between position-relative">#dd383c</a>
                                                                        <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#ff9662</a>

                                                                        <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#96ba37</a>

                                                                        <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#c962ff</a>
                                                                    </div>
                                                                    <div class="product-price-wrapper d-flex align-items-center justify-content-between">
                                                                        <div class="product-price">
                                                                            <span class="price">
                                                                                <ins>
                                                                                    <span class="amount">
                                                                                        <bdi><span>$</span>140</bdi>
                                                                                    </span>
                                                                                </ins>
                                                                                <del>
                                                                                    <span class="amount">
                                                                                        <bdi><span>$</span>160</bdi>
                                                                                    </span>
                                                                                </del>
                                                                            </span>
                                                                        </div>
                                                                        <div class="star-rating d-flex align-items-center overflow-hidden">
                                                                            <span>
                                                                                <svg viewBox="0 0 24 24" width="18" height="18">
                                                                                    <path d="M21.984 9.234l-7.172-0.609-2.813-6.609-2.813 6.609-7.172 0.609 5.438 4.734-1.641 7.031 6.188-3.75 6.188 3.75-1.641-7.031zM12 15.422l-3.75 2.25 0.984-4.266-3.328-2.906 4.406-0.375 1.688-4.031 1.688 4.031 4.406 0.375-3.328 2.906 0.984 4.266z"></path>
                                                                                </svg>
                                                                            </span>
                                                                            <span class="count">12</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-4">
                                                        <div class="megamenu-heading">
                                                            <h3>Trending</h3>
                                                        </div>
                                                        <div class="discount-box d-flex align-items-center justify-content-end flex-wrap">
                                                            <div class="discount-image position-relative overflow-hidden">
                                                                <a href="#">
                                                                    <img src="assets/images/resources/product-img1-33.jpg" alt="discount-image">
                                                                </a>
                                                                <div class="discount-percent position-absolute">-30%</div>
                                                            </div>
                                                            <div class="discount-image position-relative overflow-hidden">
                                                                <a href="#">
                                                                    <img src="assets/images/resources/product-img1-34.jpg" alt="discount-image">
                                                                </a>
                                                                <div class="discount-percent position-absolute">-30%</div>
                                                            </div>
                                                            <div class="discount-image position-relative overflow-hidden">
                                                                <a href="#">
                                                                    <img src="assets/images/resources/product-img1-35.jpg" alt="discount-image">
                                                                </a>
                                                                <div class="discount-percent position-absolute">-30%</div>
                                                            </div>
                                                            <div class="discount-image position-relative overflow-hidden">
                                                                <a href="#">
                                                                    <img src="assets/images/resources/product-img1-36.jpg" alt="discount-image">
                                                                </a>
                                                                <div class="discount-percent position-absolute">-30%</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <ul class="sub-menu v2">
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="checkout.html" class="nav-link">Checkout</a>
                                        </li>

                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="about.html">About Us</a>
                                        </li>
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="login.html">Login</a>
                                        </li>
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="404.html">404</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-item menu-item-has-children megamenu-dropdown v2">
                                    <a href="#" class="position-relative">Accessories</a>
                                    <div class="megamenu-wrapper">
                                        <div class="container">
                                            <div class="megamenu-inner">
                                                <div class="row">
                                                    <div class="col">
                                                        <div class="megamenu-item">
                                                            <div class="megamenu-heading">
                                                                <h3>Product Page</h3>
                                                            </div>
                                                            <ul class="menu-list d-inline-block">
                                                                <li>
                                                                    <a href="product-list.html">Style 1</a>
                                                                </li>
                                                                <li>
                                                                    <a href="product-list2.html">Style 2</a>
                                                                </li>
                                                                <li>
                                                                    <a href="product-list3.html">Style 3</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                        <div class="megamenu-item">
                                                            <div class="megamenu-heading">
                                                                <h3>Shop Feature</h3>
                                                            </div>
                                                            <ul class="menu-list d-inline-block">
                                                                <li>
                                                                    <a href="404.html">404</a>
                                                                </li>
                                                                <li>
                                                                    <a href="checkout.html">Checkout</a>
                                                                </li>
                                                                <li>
                                                                    <a href="cart.html">Cart</a>
                                                                </li>
                                                                <li>
                                                                    <a href="wishlist.html">Wishlist</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="col">
                                                        <div class="megamenu-heading">
                                                            <h3>Product Detail Page</h3>
                                                        </div>
                                                        <ul class="menu-list d-inline-block">
                                                            <li>
                                                                <a href="product-detail.html">Style 1</a>
                                                            </li>
                                                            <li>
                                                                <a href="product-detail2.html">Style 2</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <div class="col-6">
                                                        <div class="trending-items">
                                                            <div class="megamenu-heading">
                                                                <h3>Trending</h3>
                                                            </div>
                                                            <div class="mega-product-wrapper d-flex align-items-center">
                                                                <div class="mega-product-box">
                                                                    <div class="mega-product-image overflow-hidden">
                                                                        <a href="#">
                                                                            <img src="assets/images/resources/product-img1-31.jpg" alt="product-img">
                                                                        </a>
                                                                    </div>
                                                                    <div class="mega-product-content">
                                                                        <h4>
                                                                            <a href="#">New fashion Style</a>
                                                                        </h4>
                                                                    </div>
                                                                </div>
                                                                <div class="mega-product-box">
                                                                    <div class="mega-product-image overflow-hidden">
                                                                        <a href="#">
                                                                            <img src="assets/images/resources/product-img1-32.jpg" alt="product-img">
                                                                        </a>
                                                                    </div>
                                                                    <div class="mega-product-content">
                                                                        <h4>
                                                                            <a href="#">12-12 Sale</a>
                                                                        </h4>
                                                                    </div>
                                                                </div>
                                                                <div class="mega-product-box">
                                                                    <div class="mega-product-image overflow-hidden">
                                                                        <a href="#">
                                                                            <img src="assets/images/resources/product-img1-33.jpg" alt="product-img">
                                                                        </a>
                                                                    </div>
                                                                    <div class="mega-product-content">
                                                                        <h4>
                                                                            <a href="#">Winter Clothes</a>
                                                                        </h4>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <ul class="sub-menu v2">
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="product-list.html" class="nav-link">Product List</a>
                                        </li>
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="product-list2.html" class="nav-link">Product List 2</a>
                                        </li>
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="product-list3.html" class="nav-link">Product List 3</a>
                                        </li>
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="product-detail.html" class="nav-link">Product Detail</a>
                                        </li>
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="product-detail2.html" class="nav-link">Product Detail 2</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-item">
                                    <a href="#" class="position-relative">Winter</a>
                                </li>
                                <li class="menu-item menu-item-has-children position-relative">
                                    <a href="#" class="position-relative">Pages</a>
                                    <ul class="sub-menu">
                                        <li class="menu-item position-relative">
                                            <a href="blog.html" class="nav-link">Blog List</a>
                                        </li>
                                        <li class="menu-item position-relative">
                                            <a href="blogdetail.html" class="nav-link">Blog Detail</a>
                                        </li>
                                        <li class="menu-item position-relative">
                                            <a href="about.html" class="nav-link">About US</a>
                                        </li>
                                        <li class="menu-item position-relative">
                                            <a href="login.html" class="nav-link">Login/Register</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-item">
                                    <a href="contact.html" class="position-relative">Contact</a>
                                </li>
                            </ul>
                        </nav>   
                    </div>
                    <div class="header-action-items">
                        <ul class="d-flex align-items-center">
                            <li class="cart">
                                <a href="#" class="d-flex align-items-center" data-bs-toggle="offcanvas" data-bs-target="#cart-popup" aria-controls="cart-popup">
                                    <span class="d-inline-flex align-items-center justify-content-center position-relative">
                                        <i class="icon-basket"></i>
                                        <sup class="cart-nmbr d-inline-flex align-items-center justify-content-center position-absolute">1</sup>
                                    </span>
                                    <span>$14.00 (1 item)</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </header>


    <!-- Section Hero -->
    <section>
        <div class="hero-wrapper page-cover position-relative">
            <div class="container">
                <div class="hero-inner-wrapper">
                    <div class="hero-content text-center">
                        <h2 class="text-uppercase">About US</h2>
                        <div class="breadcrumb-wrapper">
                            <ol class="breadcrumb justify-content-center">
                                <li class="text-uppercase position-relative"><a href="#">Home</a></li>
                                <li class="text-uppercase active">About US</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <!-- Section About -->
    <section>
        <div class="about-wrapper pd-t-120 pd-b-170">
            <div class="container">
                <div class="about-inner-wrapper">
                    <div class="row align-items-center">
                        <div class="col-lg-6 col-md-12 col-sm-12">
                            <div class="about-image position-relative">
                                <img src="assets/images/resources/about-img1.jpg" alt="about-img" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="100">
                                <img src="assets/images/resources/about-img2.jpg" class="position-absolute" alt="about-img" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="200">
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-12 col-sm-12">
                            <div class="about-content">
                                <div class="sec-tl">
                                    <span class="text-uppercase">The Story so Far</span>
                                    <h2>
                                        <span class="position-relative">Who We Are</span>
                                    </h2>
                                </div>
                                <p>Diam donec adipiscing tristique risus nec feugiat in fermentum. Cursus metus aliquam eleifend mi in nulla posuere sollicitudin. To rtor condiment lacinia quis vel eros donec ac.</p>
                                <p>Vitae suscipit tellus mauris a diam maecenas. Tellus pellentesque eu tincidunt tortor aliquam nulla.</p>
                                <ul class="about-list">
                                    <li class="position-relative">Curabitur hendrerit arcu a ante egestas</li>
                                    <li class="position-relative">ornare lorem, non convallis vitae dui.</li>
                                    <li class="position-relative">Nunc eu purus at odio commodo</li>
                                </ul>
                                <div class="author-profile-wrapper d-flex align-items-start">
                                    <div class="author-profile-image">
                                        <img src="assets/images/resources/author-img8.jpg" alt="author-img">
                                    </div>
                                    <div class="author-profile-content">
                                        <h4>
                                            <a href="#">Gessica Willimes</a>
                                        </h4>
                                        <p>Director and company ceo</p>
                                        <img src="assets/images/resources/signature-img.png" alt="signature-img">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <!-- Section Brand -->
    <section>
        <div class="brand-wrapper pd-b-120">
            <div class="container">
                <div class="brand-inner-wrapper">
                    <div class="sec-tl style-two position-relative">
                        <div class="section-heading position-relative text-center">
                            <h3 class="text-uppercase">Discover Top Brands</h3>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="100">
                            <div class="brand-box position-relative d-flex align-items-center justify-content-center">
                                <div class="brand-image">
                                    <img src="assets/images/resources/brand-img1.png" alt="brand-img">
                                </div>
                                <a href="#" class="position-absolute"></a>
                            </div>
                        </div>
                        <div class="col" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="200">
                            <div class="brand-box position-relative d-flex align-items-center justify-content-center">
                                <div class="brand-image">
                                    <img src="assets/images/resources/brand-img2.png" alt="brand-img">
                                </div>
                                <a href="#" class="position-absolute"></a>
                            </div>
                        </div>
                        <div class="col" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="300">
                            <div class="brand-box position-relative d-flex align-items-center justify-content-center">
                                <div class="brand-image">
                                    <img src="assets/images/resources/brand-img3.png" alt="brand-img">
                                </div>
                                <a href="#" class="position-absolute"></a>
                            </div>
                        </div>
                        <div class="col" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="400">
                            <div class="brand-box position-relative d-flex align-items-center justify-content-center">
                                <div class="brand-image">
                                    <img src="assets/images/resources/brand-img4.png" alt="brand-img">
                                </div>
                                <a href="#" class="position-absolute"></a>
                            </div>
                        </div>
                        <div class="col" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="500">
                            <div class="brand-box position-relative d-flex align-items-center justify-content-center">
                                <div class="brand-image">
                                    <img src="assets/images/resources/brand-img5.png" alt="brand-img">
                                </div>
                                <a href="#" class="position-absolute"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Section Video -->

        <div class="video-wrapper page-cover">
            <div class="container">
                <div class="video-inner-wrapper">
                    <div class="video-content text-center">
                        <div class="post-formate-wrapper d-inline-flex align-items-center justify-content-center">
                            <a  href="https://www.youtube.com/watch?v=8nFS-lOoo_Q" data-fancybox="video-gallery" data-width="2000" data-height="1000" class="position-relative d-inline-flex align-items-center justify-content-center">
                                <i class="fa-solid fa-play"></i>
                                <span class="position-absolute"></span>
                                <span class="position-absolute"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <!-- Section Team -->
    <section>
        <div class="team-wrapper pd-t-120">
            <div class="container">
                <div class="sec-tl text-center">
                    <span class="text-uppercase">Our Teams</span>
                    <h2>Meet Our
                        <span class="position-relative">Experts</span>
                    </h2>
                </div>
                <div class="team-inner-wrapper">
                    <div class="row">
                        <div class="col-lg-4 col-md-4 col-sm-6" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="100">
                            <div class="team-box position-relative">
                                <div class="team-image position-relative">
                                    <img src="assets/images/resources/author-img9.jpg" alt="team-img">
                                </div>
                                <div class="team-content d-inline-flex">
                                    <div class="team-info">
                                        <h4>Thomas Qlark</h4>
                                        <span class="text-uppercase">Fashion Designer</span>
                                    </div>
                                    <div class="social-icons position-absolute">
                                        <ul>
                                            <li>
                                                <a href="https://www.facebook.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                    <i class="fa-brands fa-facebook"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="https://www.twitter.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                    <i class="fa-brands fa-twitter"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="https://pk.linkedin.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                    <i class="fa-brands fa-linkedin"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-6" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="200">
                            <div class="team-box position-relative">
                                <div class="team-image position-relative">
                                    <img src="assets/images/resources/author-img10.jpg" alt="team-img">
                                </div>
                                <div class="team-content d-inline-flex">
                                    <div class="team-info">
                                        <h4>Gessica Romin</h4>
                                        <span class="text-uppercase">Fashion Designer</span>
                                    </div>
                                    <div class="social-icons position-absolute">
                                        <ul>
                                            <li>
                                                <a href="https://www.facebook.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                    <i class="fa-brands fa-facebook"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="https://www.twitter.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                    <i class="fa-brands fa-twitter"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="https://pk.linkedin.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                    <i class="fa-brands fa-linkedin"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-6" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="300">
                            <div class="team-box position-relative">
                                <div class="team-image position-relative">
                                    <img src="assets/images/resources/author-img11.jpg" alt="team-img">
                                </div>
                                <div class="team-content d-inline-flex">
                                    <div class="team-info">
                                        <h4>Gopinnk Goli</h4>
                                        <span class="text-uppercase">Fashion Designer</span>
                                    </div>
                                    <div class="social-icons position-absolute">
                                        <ul>
                                            <li>
                                                <a href="https://www.facebook.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                    <i class="fa-brands fa-facebook"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="https://www.twitter.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                    <i class="fa-brands fa-twitter"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="https://pk.linkedin.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                    <i class="fa-brands fa-linkedin"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <!-- Section Testimonial -->
    <section>
        <div class="testimonial-wrapper style-one about pd-b-150">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="sec-tl">
                            <span class="text-uppercase">Customer Reviews</span>
                            <h2>
                                <span class="position-relative">Testimonials</span>
                            </h2>
                        </div>
                        <div class="testimonial-content position-relative">
                            <div class="testimonial-quotes position-absolute">
                                <i class="icon-testimonial"></i>
                            </div>
                            <div class="testimonial-review">
                                <div class="testimonial-item">
                                    <p>PBR kogi VHS commodo, single-origin coffee selvage kale chips. Fugiat try-hard ad aesthetic, tofu master cleanse typewriter tote bag accusamus sustainable ennui hella small batch cliche.</p>
                                    <div class="testimonial-info">
                                        <div class="testimonial-rating">
                                            <i class="icon-star-full"></i>
                                            <i class="icon-star-full"></i>
                                            <i class="icon-star-full"></i>
                                            <i class="icon-star-full"></i>
                                            <i class="icon-star-full"></i>
                                        </div>
                                        <div class="testimonial-author">
                                            <h5>Reconiba Jakline</h5>
                                            <span class="text-uppercase">Google Review</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="testimonial-item">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor in cididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.</p>
                                    <div class="testimonial-info">
                                        <div class="testimonial-rating">
                                            <i class="icon-star-full"></i>
                                            <i class="icon-star-full"></i>
                                            <i class="icon-star-full"></i>
                                            <i class="icon-star-full"></i>
                                            <i class="icon-star-full"></i>
                                        </div>
                                        <div class="testimonial-author">
                                            <h5>Dylan Powel</h5>
                                            <span class="text-uppercase">Google Review</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="testimonial-item">
                                    <p>PBR kogi VHS commodo, single-origin coffee selvage kale chips. Tofu master cleanse typewriter tote bag accusamus sustainable ennui hella small batch cliche consectetur adipisicing elit.</p>
                                    <div class="testimonial-info">
                                        <div class="testimonial-rating">
                                            <i class="icon-star-full"></i>
                                            <i class="icon-star-full"></i>
                                            <i class="icon-star-full"></i>
                                            <i class="icon-star-full"></i>
                                            <i class="icon-star-full"></i>
                                        </div>
                                        <div class="testimonial-author">
                                            <h5>Aria Peterson</h5>
                                            <span class="text-uppercase">Google Review</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="testimonial-image-wrapper position-relative">
                            <div class="testimonial-image position-absolute" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="200">
                                <img src="assets/images/resources/author-img1.jpg" alt="author-img">
                            </div>
                            <div class="testimonial-image position-absolute" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="200">
                                <img src="assets/images/resources/author-img2.jpg" alt="author-img">
                            </div>
                            <div class="testimonial-image position-absolute" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="200">
                                <img src="assets/images/resources/author-img3.jpg" alt="author-img">
                            </div>
                            <div class="testimonial-leaf position-absolute" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="100">
                                <img src="assets/images/resources/leafe-img.png" class="position-absolute" alt="leafe-img">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <!-- Section Service -->
    <section>
        <div class="service-wrapper style-one">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-3 col-md-6 col-sm-6 position-relative">
                        <div class="service-box text-center" data-aos="zoom-in" data-aos-duration="800" data-aos-delay="100">
                            <div class="service-icon d-inline-flex align-items-center justify-content-center">
                                <i class="icon-delivery"></i>
                            </div>
                            <div class="service-content">
                                <h3>Free Delivery</h3>
                                <p>On all orders over $40</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6 position-relative">
                        <div class="service-box text-center" data-aos="zoom-in" data-aos-duration="800" data-aos-delay="200">
                            <div class="service-icon d-inline-flex align-items-center justify-content-center">
                                <i class="icon-delivery-man"></i>
                            </div>
                            <div class="service-content">
                                <h3>Refer a Friend</h3>
                                <p>Give 25% off. receive 25% off</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6 position-relative">
                        <div class="service-box text-center" data-aos="zoom-in" data-aos-duration="800" data-aos-delay="300">
                            <div class="service-icon d-inline-flex align-items-center justify-content-center">
                                <i class="icon-delivery-man"></i>
                            </div>
                            <div class="service-content">
                                <h3>Next Day Delivery</h3>
                                <p>Up until midnight</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="service-box text-center" data-aos="zoom-in" data-aos-duration="800" data-aos-delay="400">
                            <div class="service-icon d-inline-flex align-items-center justify-content-center">
                                <i class="icon-direction"></i>
                            </div>
                            <div class="service-content">
                                <h3>Free Size Exchanges</h3>
                                <p>Plus Fast, easy returns</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <footer class="style-one">
        <div class="footer-wrapper">
            <div class="footer-upper">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-6 col-md-12">
                            <div class="widget newsletter">
                                <h4 class="widget-title text-uppercase position-relative">Subscribe Newsletter</h4>
                                <p>subscribe email and Get exclusive news offers and updates</p>
                                <form action="#" class="newsletter-form position-relative">
                                    <input type="email" placeholder="Enter your email.">
                                    <button type="button" class="theme-btn position-absolute overflow-hidden">Subscribe</button>
                                </form>
                                <div class="ft-social-wrapper d-flex align-items-center">                                   
                                    <span>Follow Us:</span>
                                    <div class="social-icons">
                                        <ul class="d-flex align-items-center">
                                            <li>
                                                <a href="https://www.facebook.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                    <i class="fa-brands fa-facebook"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="https://www.twitter.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                    <i class="fa-brands fa-twitter"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="https://pk.linkedin.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                    <i class="fa-brands fa-linkedin"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-4 col-sm-4">
                            <div class="widget">
                                <h4 class="widget-title text-uppercase position-relative">Need Help?</h4>
                                <ul class="menu">
                                    <li>
                                        <a href="#">Help</a>
                                    </li>
                                    <li>
                                        <a href="#">Track My Order</a>
                                    </li>
                                    <li>
                                        <a href="#">Delivery Information</a>
                                    </li>
                                    <li>
                                        <a href="#">Returns</a>
                                    </li>
                                    <li>
                                        <a href="#">Size Guide</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-4 col-sm-4">
                            <div class="widget">
                                <h4 class="widget-title text-uppercase position-relative">Discover</h4>
                                <ul class="menu">
                                    <li>
                                        <a href="#">About Warehouse</a>
                                    </li>
                                    <li>
                                        <a href="#">Investor Relations</a>
                                    </li>
                                    <li>
                                        <a href="#">Slavery Statement</a>
                                    </li>
                                    <li>
                                        <a href="#">Sustainability</a>
                                    </li>
                                    <li>
                                        <a href="#">Sitemap</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-4 col-sm-4">
                            <div class="widget">
                                <h4 class="widget-title text-uppercase position-relative">Get The App</h4>
                                <p>Check out the best shopping apps.</p>
                                <div class="app-button d-flex">
                                    <a href="#">
                                        <img src="assets/images/resources/app-store.png" alt="App">
                                    </a>
                                    <a href="#">
                                        <img src="assets/images/resources/google-play.png" alt="App">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-middle">
                <div class="container">
                    <div class="ft-payment-card widget d-flex align-items-center justify-content-between flex-wrap">
                        <div class="card-discount">
                            <h5 class="d-flex align-items-center">
                                <i class="icon-brand-tag"></i> Use Card: Get 10% off Everything
                            </h5>
                        </div>
                        <div class="card-support">
                            <img src="assets/images/resources/bank-card.png" alt="Payment Methods">
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <div class="container">
                    <div class="ft-bottom widget d-flex align-items-center justify-content-between flex-wrap">
                        <div class="copyrights">
                            Copyright © <a href="#">2024 Genzik.</a> All Rights <a href="https://www.bootstrapmb.com">bootstrapMB</a>
                        </div>
                        <div class="bottom-menu">
                            <ul class="d-flex align-items-center">
                                <li class="position-relative">
                                    <a href="#">Terms of use</a>
                                </li>
                                <li class="position-relative">
                                    <a href="#">Privacy Policy</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>





    <!-- Popup Newsletter -->
    <div class="modal fade" id="Newsletter_Modal">
        <div class="modal-dialog modal-dialog-centered newsletter-modal">
            <div class="modal-content">
                <div class="modal-body">
                    <button type="button" class="btn-close position-absolute" data-bs-dismiss="modal" aria-label="Close"></button>
                    <div class="newsletter-wrapper d-flex align-items-center">
                        <div class="newsletter-image">
                            <img src="assets/images/resources/product-img1-3.jpg" alt="newsletter-img">
                        </div>
                        <div class="newsletter-content text-center">
                            <div class="newsletter-inner-content">
                                <h3 class="text-uppercase">Open a Store for free</h3>
                                <p>
                                    <span>Special Offer:</span> Start for free, then get your <span>first month for $1</span>
                                </p>
                                <form>
                                    <input type="text" placeholder="don't miss out this sale">
                                    <button type="button" class="theme-btn position-relative overflow-hidden">Start Now</button>
                                </form>
                                <div class="social-icons">
                                    <ul class="d-flex align-items-center justify-content-center">
                                        <li>
                                            <a href="https://www.facebook.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                <i class="fa-brands fa-facebook"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="https://www.twitter.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                <i class="fa-brands fa-twitter"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="https://pk.linkedin.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                <i class="fa-brands fa-linkedin"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="https://www.instagram.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                <i class="fa-brands fa-instagram"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="https://www.youtube.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                <i class="fa-brands fa-youtube"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="https://www.pinterest.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                <i class="fa-brands fa-pinterest"></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                                <label class="remember-field d-flex align-items-center justify-content-center">
                                    <input name="rememberme-register" type="checkbox" id="rememberme-register">
                                    <span class="position-relative">Remember me</span>
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--Popup Search-->

    <div class="search-modal-wrapper modal fade" id="searchpopup">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="container">
                    <div class="search-modal">
                        <button type="button" class="btn-close close-search position-absolute" data-bs-dismiss="modal" aria-label="Close"></button>
                        <form action="#" method="get" role="search" class="search search-modal-form">
                            <div class="content-input">
                                <div class="field position-relative">
                                    <input class="search-input field-input" placeholder="Search Products" autocomplete="off" autocapitalize="off">
                                    <button class="search-button field-button position-absolute" aria-label="Search"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="22" height="22">
                                        <path d="M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z"></path>
                                    </svg></button>
                                </div>
                            </div>
                            <div class="content-menu-search d-flex align-items-center flex-wrap">
                                <div class="title">Trending Search:</div>
                                <ul class="list-collection d-flex align-items-center overflow-auto">
                                    <li>
                                        <a href="#" class="d-inline-block text-center theme-btn style-stroke position-relative overflow-hidden">fashion</a>
                                    </li>
                                    <li>
                                        <a href="#" class="d-inline-block text-center theme-btn style-stroke position-relative overflow-hidden">Clothes</a>
                                    </li>
                                    <li>
                                        <a href="#" class="d-inline-block text-center theme-btn style-stroke position-relative overflow-hidden">New</a>
                                    </li>
                                    <li>
                                        <a href="#" class="d-inline-block text-center theme-btn style-stroke position-relative overflow-hidden">Trends</a>
                                    </li>
                                </ul>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- Popup Cart -->

    <div class="mini-cart-wrapper offcanvas offcanvas-end" id="cart-popup">
        <div class="mini-cart-header">
            <h2 class="mini-cart-title position-relative text-uppercase" id="offcanvasLabel">Shopping Cart</h2>
        </div>
        <div class="widget-shopping-cart overflow-hidden position-relative d-flex">
            <div class="widget-shopping-cart-content d-flex overflow-hidden">
                <div class="widget-shopping-cart-body has-scrollbar position-relative">
                    <h3 class="item-count"><span>2 items</span></h3>
                    <ul class="cart-list">
                        <li class="mini-cart-item position-relative d-flex align-items-start">
                            <div class="mini-cart-item-btns d-flex align-items-center position-absolute">
                                <a href="#" class="remove-from-cart-button d-inline-flex align-items-center justify-content-center" rel="nofollow" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Remove this item">
                                    <i class="fa-solid fa-xmark"></i>
                                </a>
                                <div class="cart-product-edit_variant d-inline-flex align-items-center justify-content-center" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Edit this item" data-bs-original-title="" title="">
                                    <svg class="icon icon-pen">
                                        <use xlink:href="#icon-pen"></use>
                                    </svg>
                                </div>
                            </div>
                            <div class="cart-product-img">
                                <a href="product-detail2.html">
                                    <img src="assets/images/resources/cart-img1.jpg" alt="product">
                                </a>
                            </div>
                            <div class="mini-cart-item-content">
                                <div class="cart-product-info_variant">
                                    <span>Bown / XL</span>
                                </div>
                                <h3 class="mini-cart-item-title"><a href="product-detail2.html">Plain Knitted Midi Skirt</a></h3>
                                <div class="product-price">
                                    <span class="price">
                                        <span class="amount">
                                            <bdi><span>$</span>19.85</bdi>
                                        </span>
                                    </span>
                                </div>
                                <div class="product-quantity js-quantity-selector">
                                    <input type="number" value="1" min="1" max="10" step="1">
                                </div>
                            </div>
                        </li>
                        <li class="mini-cart-item position-relative d-flex align-items-start">
                            <div class="mini-cart-item-btns d-flex align-items-center position-absolute">
                                <a href="#" class="remove-from-cart-button d-inline-flex align-items-center justify-content-center" rel="nofollow" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Remove this item">
                                    <i class="fa-solid fa-xmark"></i>
                                </a>
                                <div class="cart-product-edit_variant d-inline-flex align-items-center justify-content-center" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Edit this item" data-bs-original-title="" title="">
                                    <svg class="icon icon-pen">
                                        <use xlink:href="#icon-pen"></use>
                                    </svg>
                                </div>
                            </div>
                            <div class="cart-product-img">
                                <a href="product-detail2.html">
                                    <img src="assets/images/resources/cart-img1.jpg" alt="product">
                                </a>
                            </div>
                            <div class="mini-cart-item-content">
                                <div class="cart-product-info_variant">
                                    <span>Bown / XL</span>
                                </div>
                                <h3 class="mini-cart-item-title"><a href="product-detail2.html">Distressed Boyfriend Jeans</a></h3>
                                <div class="product-price">
                                    <span class="price">
                                        <span class="amount">
                                            <bdi><span>$</span>19.85</bdi>
                                        </span>
                                    </span>
                                </div>
                                <div class="product-quantity js-quantity-selector">
                                    <input type="number" value="1" min="1" max="10" step="1">
                                </div>
                            </div>
                        </li>
                    </ul>

                </div>
                <div class="widget-shopping-cart-footer">
                    <table class="price-table">
                        <thead>
                            <tr class="cart-subtotal">
                                <th>Subtotal</th>
                                <td></td>
                                <td>$250.00</td>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr class="order-total">
                                <th>Total</th>
                                <td></td>
                                <td><strong><span class="amount"><bdi><span>$</span>250.00</bdi></span></strong> </td>
                            </tr>
                        </tfoot>
                    </table>
                    <div class="cart-footer-bottom">
                        <div class="cart-conditions">
                            <p>Tax included and shipping calculated at checkout</p>
                            <label for="terms-and-conditions" class="terms-conditions">
                                <input id="terms-and-conditions" type="checkbox">
                                <span>I agree with the <a href="#">Terms & Conditions</a></span>
                            </label>
                        </div>
                        <div class="mini-cart-total-btns d-flex align-items-center justify-content-center flex-wrap">
                            <a href="cart.html" class="theme-btn style-stroke position-relative overflow-hidden">View Cart</a>
                            <a class="theme-btn position-relative overflow-hidden" href="checkout.html">Checkout</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>




    <!-- scripts-->
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/slick.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/bootstrap-input-spinner.js"></script>
    <script src="assets/js/select2.min.js"></script>
    <script src="assets/js/fancybox.js"></script>
    <script src="assets/js/aos.js"></script>
    <script src="assets/js/custom-script.js"></script>
    <!-- svg sprite-->
    <div class="svg-wrapper">
        <svg>

            <symbol id="icon-view" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
                <circle cx="12" cy="12" r="3"></circle>
            </symbol>

            <symbol id="icon-compare" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="16 3 21 3 21 8"></polyline>
                <line x1="4" y1="20" x2="21" y2="3"></line>
                <polyline points="21 16 21 21 16 21"></polyline>
                <line x1="15" y1="15" x2="21" y2="21"></line>
                <line x1="4" y1="4" x2="9" y2="9"></line>
            </symbol>

            <symbol id="icon-pen" viewBox="0 0 24 24">
                <path d="M12 21h9c0.552 0 1-0.448 1-1s-0.448-1-1-1h-9c-0.552 0-1 0.448-1 1s0.448 1 1 1zM15.793 2.793l-12.5 12.5c-0.122 0.121-0.217 0.28-0.263 0.465l-1 4c-0.039 0.15-0.042 0.318 0 0.485 0.134 0.536 0.677 0.862 1.213 0.728l4-1c0.167-0.041 0.33-0.129 0.465-0.263l12.5-12.5c0.609-0.609 0.914-1.41 0.914-2.207s-0.305-1.598-0.914-2.207-1.411-0.915-2.208-0.915-1.598 0.305-2.207 0.914zM17.207 4.207c0.219-0.219 0.504-0.328 0.793-0.328s0.574 0.109 0.793 0.328 0.328 0.504 0.328 0.793-0.109 0.574-0.328 0.793l-12.304 12.304-2.115 0.529 0.529-2.115z"></path>
            </symbol>

            <symbol id="icon-list" viewBox="0 0 20 20">
                <path d="M14.4 9h-5.8c-0.552 0-0.6 0.447-0.6 1s0.048 1 0.6 1h5.8c0.552 0 0.6-0.447 0.6-1s-0.048-1-0.6-1zM16.4 14h-7.8c-0.552 0-0.6 0.447-0.6 1s0.048 1 0.6 1h7.8c0.552 0 0.6-0.447 0.6-1s-0.048-1-0.6-1zM8.6 6h7.8c0.552 0 0.6-0.447 0.6-1s-0.048-1-0.6-1h-7.8c-0.552 0-0.6 0.447-0.6 1s0.048 1 0.6 1zM5.4 9h-1.8c-0.552 0-0.6 0.447-0.6 1s0.048 1 0.6 1h1.8c0.552 0 0.6-0.447 0.6-1s-0.048-1-0.6-1zM5.4 14h-1.8c-0.552 0-0.6 0.447-0.6 1s0.048 1 0.6 1h1.8c0.552 0 0.6-0.447 0.6-1s-0.048-1-0.6-1zM5.4 4h-1.8c-0.552 0-0.6 0.447-0.6 1s0.048 1 0.6 1h1.8c0.552 0 0.6-0.447 0.6-1s-0.048-1-0.6-1z"></path>
            </symbol>

            <symbol id="icon-grid" viewBox="0 0 32 32">
                <path d="M8 12h4v-4h-4v4zM14 12h4v-4h-4v4zM20 8v4h4v-4h-4zM8 18h4v-4h-4v4zM14 18h4v-4h-4v4zM20 18h4v-4h-4v4zM8 24h4v-4h-4v4zM14 24h4v-4h-4v4zM20 24h4v-4h-4v4z"></path>
            </symbol>


        </svg>
    </div>



</body>

</html>
